<!DOCTYPE html>

<html>

<head>
    <meta charset="utf-8">
    <title>UAV</title>
    <link rel="icon" href="../../favicon.ico">
    <style>
        body {
            align-items: flex-start;
            justify-content: center;
            display: flex;
            flex-direction: column;
            background-color: #000000;
        }

        #title {
            color: #cecece;
            font-size: 1.5rem;
            width: 90%;
            display: block;
            padding: 0.5rem;
            font-weight: bold;
        }

        .container {
            display: flex;
            flex-direction: column;
            width: 96%;
            left: 1%;
            color: #cecece;
            background-color: rgba(255, 255, 255, 0.1);
            margin: 1%;
            padding: 1%;
        }

        .itemContainer {
            width: 100%;
            display: flex;
            flex-direction: row;
        }

        .item {
            width: 6rem;
            height: 3rem;
            background-color: rgba(255, 255, 255, 0.2);
            font-size: 1.4rem;
            font-weight: bold;
            color: #cecece;
        }

        .image {
            margin-left: 2rem;
            object-fit: contain;
            max-width: min-content;
            margin-bottom: 1rem;
            margin-top: 1rem;
            border-radius: 0.5rem;
        }
    </style>
</head>

<body>
    <div id="title">
        <h1>操作说明-关卡2</h1>
        关卡2相关的操作说明，以及关卡内必要的讲解。
    </div>

    <div class="container">
        <div class="itemContainer">
            <button id="nextSection" class="item">下一节</button>
        </div>
    </div>

    <div class="container">
        <img class="image" src="./assets/images/doc1.jpg">
        本关卡内容为引导炮火。要摧毁的敌方火力点共有3个，会随机出现在若干个固定的位置。
        <img class="image" src="./assets/images/doc2.jpg">
        注意观察地面，敌方火力点以15秒左右的间隔射击，会出现微弱烟雾和飞行的炮弹。
        <img class="image" src="./assets/images/doc5.jpg">
        发现敌方火力点后，以画面瞄准刻度的中心红点对准目标（沉浸模式下请使用左眼对齐瞄准）。
        <img class="image" src="./assets/images/doc3.jpg">
        然后点击图中按钮，标记目标位置。
        <img class="image" src="./assets/images/doc4.jpg">
        瞄准标识将出现在所瞄位置。
        <img class="image" src="./assets/images/doc6.jpg">
        点击开火按钮，射击命令及目标坐标将发送至我方阵地。
        <img class="image" src="./assets/images/doc7.jpg">
        命令发送后，炮弹经过30秒左右的飞行时间将落在目标附近。
        <img class="image" src="./assets/images/doc9.jpg">
        瞄准对齐我方炮弹爆炸位置。
        <img class="image" src="./assets/images/doc10.jpg">
        点击图中所示爆炸记录按钮，标记爆炸位置。
        <img class="image" src="./assets/images/doc8.jpg">
        标记完毕后再次点击开火按钮，射击命令及前次射击的偏差值将发送至我方阵地。我方火炮在矫正偏差后将再次射击。
        <img class="image" src="./assets/images/doc11.jpg">
        矫正后的弹着点已更加接近目标，记录爆炸位置，再次射击。
        <img class="image" src="./assets/images/doc12.jpg">
        再次经过矫正的射击正好击中目标，敌方火力点被摧毁。重复上述操作以摧毁其余两个火力点（经过第一个目标的矫正，后续目标更加容易命中）。
    </div>

    <script src="./assets/index.js"></script>

</body>

</html>